<template>
  <div>
    <!-- 1.父组件里通过属性传入想传的值 (属性名自行随便起) -->
      <MyProduct title='我是个adc' name='李子恒'></MyProduct>
      <MyProduct title='我就是个肉' name='张马'></MyProduct>
      <MyProduct :title="title1" :name='name1'></MyProduct>
  </div>
</template>

<script>
//1 创建组件
//2 引入组件
import MyProduct from './components/MyProduct.vue'

export default {
  // 3. 注册组件 对象里属性和名字相同,就可以简写
  components: {
    MyProduct
  },
  data() {
    return {
      name1: '牛善文',
      title1: '我是个大聪明'
    }
  }
}
</script>

<style>

</style>